
Processing 

di MATTED FIDRAVAI1TI 



Scopriamo I'Object Oriented Programming, 

che rappresenta un modo piu semplice di costruire 

le nostre inter! acce. Quarta puntata. 



WlM ella scorsa puntata abbiamo imparato 
I a disegnare dei controlli grafici: indi- 
catori, pulsanti, LED, manopole. Per vede- 
re all'opera tali elementi, abbiamo costrui- 
to una semplice interfaccia grafica per un 
programma che controlla Arduino. In que- 
sta quarta puntata risolveremo la proble- 
matica di dover costruire interfacce gra- 
fiche complesse che richiedano, magari, 



l'uso di molti controlli e indicatori. Infatti 
Tinterfaccia costruita nella terza puntata 
funzionava come un unico programma, 
cioe il codice relativo alia gestione dei 
controlli e indicatori era fuso airinterno 
del codice principale del programma, il 
quale controllava completamente Tinter- 
faccia. In questa sede risolveremo altresi 
il problema di richiamare airinterno del 
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porterebbe proprio come se fosse reale. 
Fare questo e possibile, ma dobbiamo 
introdurre una tecnica di programmazione 
nuova e che risolva in maniera estrema- 
mente semplice questi casi; tale tecnica 
si chiama programmazione orientata agli 
oggetti, ovvero, abbreviando, OOP (acro- 
nimo di Object Oriented Programming). 
Processing permette di implementare que- 
sta tecnica un modo del tutto naturale. 
Per spiegare l'OOP partiremo introdu- 
cendo il concetto di Classe e di Oggetto, 
poi trasformeremo i controlli descritti 
nella lezione precedente a loro volta in 
Classi ed Oggetti e, con quanto appreso, 
scriveremo il codice di un'interfaccia che 
simulera un sistema reale. 



IL CODICE DI QUESTA PUNTATA 

Qui di seguito elenchiamo i programmi di 
esempio di questa puntata del corso. 

1. LEZIONE 4_1 - INTRODUZIONE ALLA 
PROGRAMMAZIONE AD OGGETTI. 
Questo codice permette di costruire 
un'interfaccia con tre oggetti apparte- 
nenti alia Classe Led; serve, inoltre, per 
familiarizzare con i concetti di Classe e 
di Oggetto. 

2. LEZIONE 4_2 - INTERFACCIA GRAFI- 
CA COMPLESSA. Questo codice per- 
mette di costruire un'interfaccia grafica 
complessa, nella quale tutti i controlli 
ed indicatori della terza lezione sono 
diventati Classi ed Oggetti. 



Fig. 1 



programma principale i veri LED, inter- 
ruttori, manopole, nelle quantita che ci 
occorrono, senza preoccuparci del codice 
occorrente ad essi, ma interessandoci uni- 
camente al loro comportamento in termini 
di ingressi ed uscite (come del resto acca- 
drebbe con i controlli reali). 
Conosciamo gia l'uso delle funzioni in 
Processing; ricordiamo che una funzione e 
definita all'interno del programma, viene 
richiamata a seconda dei casi e ne gestia- 
mo ingressi ed uscite. Per il problema che 
affrontiamo, ci serve qualcosa di simile. 
Supponiamo di dover inserire nella nostra 
interfaccia tre LED, ognuno dei quali avra 
un suo significato e sara collegato a certe 
variabili, proprio come accadrebbe in un 
sistema reale. 

Alia luce di quanto spiegato nella scor- 
sa puntata, la prima cosa che ci viene in 
mente e piazzare tre immagini dei LED e 
modificarle a seconda delle variabili che 
dovrebbero rappresentare. 
L'interfaccia siffatta sara certamente 
funzionante, ma il relativo codice potreb- 
be diventare ingestibile nel momento in 
cui ci trovassimo a dover aggiungere altri 
LED ai precedenti, oppure laddove doves- 
simo essere costretti a complicare l'archi- 
tettura del programma. 
Pensiamo invece a quanto sarebbe piu 
comodo se potessimo richiamare una 
specie di costruttore di LED, che ci per- 
mettesse di costruire i componenti ledl, 
led2 led3 (cioe i nostri tre LED virtuali) e 
cosi via, e se ogni diodo luminoso potesse 
essere gestito in completa autonomia, cioe 
avesse un codice a se stante e direttamente 
controllabile. 

Potremmo, infatti, attribuire lo stato di 
Accesso a ledl, mentre cambiamo led2 da 
Acceso 2l Spento e cosi via. 
Se avessimo questa possibility, ci baste- 
rebbe concentrarci unicamente sul pro- 
gramma principale ed ogni LED si com- 
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Se lo volessimo spegnere, opereremmo 
sempre attraverso lo stesso metodo, ma 
scrivendo: 

Led_l.Acceso( false) . 

Volendo inserire nel nostro ipotetico pro- 
gramma un secondo LED, bastera definire 
un Oggetto che, verosimilmente, chia- 
meremo Led_2, sempre appartenente alia 
Classe Led, ma avente attributi diff erenti, 
una diversa posizione X ed Y (110,10) ed 
una differente Etichetta (Circuito2). Quin- 
di abbiamo creato, o meglio Processing 
ha costruito, un nuovo Oggetto chiama- 
to Led_2, diverso da Led_l, ma avente 
comunque gli stessi Metodi. Infatti, se 
LEZIONE 4_1 - INTRODUZIONE volessimo accendere Led_2 opereremmo 

ALLA PROGRAMMAZIONE AD OGGETTI in questo modo: 

Partiamo ora da una minima astrazione, 
definendo il LED come una Classe; cio Led J. Acceso (true), 

significa innanzitutto che alia Classe 

dobbiamo dare un Nome, quindi bisogna Supponiamo, ora, di avere all'interno del 
definire dei Campi e dei Metodi. Tutto programma la situazione rappresentata in 

questo e rappresentato in Fig. 1. Fig. 2, ossia Led_l spento e Led_2 acceso. 

II Nome della Classe e quello che identifi- Operando in termini di Metodi, possiamo 
chera VOggetto da essa costruito, mentre accendere Led_l e passare alia situazione 
i Campi sono gli attributi (ad esempio la di Fig. 3, scrivendo: 
posizione X ed Y dell'oggetto e l'etichetta) 
mentre i Metodi sono i comportamenti che Ledi. Acceso (true) 
possono essere eseguiti. Nel caso del LED, 

abbiamo definito come metodo Acceso(): Chiaramente quanto riportato fin qui e un 
in pratica, Acceso(true) accendera il diodo esempio che dovrebbe aiutarci a capire il 
luminoso, mentre Acceso(false) lo spe- concetto di Classe ed Oggetto. 

gnera. Quindi, i Campi di una Classe sono Scendiamo ora sempre piu sul caso prati- 
degli attributi, mentre i Metodi sono le co, per vedere come tutto questo si appli- 

azioni, ovvero i comportamenti che posso- ca. Consideriamo il codice di esempio (Le- 
no essere intrapresi. zione_4_l.pde): prima di tutto gli Oggetti 

La Classe e un insieme generico; di essa devono essere dichiarati, proprio come 
si definiscono i singoli Oggetti, come succede con le variabili; infatti nel nostro 

ci mostra la Fig. 2. Infatti, se definiamo codice abbiamo bisogno di tre LED (ldl, 

come Nome Led_l, come Posizione 10,10 ld2, ld3), quindi dichiareremo tre oggetti 
e per Etichetta Circuitol, avremo definito "led" appartenenti alia Classe Led, come 
un Oggetto che si chiama Led_l, appartie- riportato in Fig. 4. Poi, dentro void setupO 
ne alia Classe Led, si trova nella posizione U andremo a fare cio che prende il nome 
10,10 e mostra come etichetta "Circuitol". di istanza degli oggetti precedentemente 
Ora, se volessimo accendere questo og- dichiarati; in pratica, cio si fa attraverso 

getto, dovremmo intervenire sul metodo il comando new. Percio, la nuova istanza 
Acceso, scrivendo quanto segue: dell'oggetto ldl assumera questo aspetto: 





ELETTRONICfl IN ~ Dicembre 2011 / Gennaio 2012 149 




[stanza dell'oggetto Id1 



Fig. H 



Idl, ld2, ld3; 



Definizione degli oggetli 
appartenenti alia Classe Led 



void setup (> ( 

background (200) ; 
size (200, 400) ; 
fill (0) ; 





Idl ■ new 


LedCl0# 10i M Led 1*) ; 









Costruttore dell'oggetta Idl 
X=10,y=10, label = Led 1 



ld2 
ld3 



rv:-v Led (10, 120, "Led 2") j 
new Led (10, 220, "Alartn") i 



v oid drawQ ( 
|ldl. display p j 



ld2, display P ; 
ld3 + display p j 
|ldl» update (t trii* ) \ 
ld2- updat* (false) i 
ld3* update (t rue) ; 



l 



Rcchiamo del metodo display su Id1 



Rtchiamo del metodo update su Idl a I > — 
valors (frud) 




Cio significa che il nuovo oggetto Idl 
della Classe Led deve essere costruito con 
i seguenti campi: posizione X =10, posizio- 
ne Y =10, Etichetta = "Led 1". 
Procediamo alio stesso modo per gli altri 
Oggetti, come riportato in Fig. 4. 
Dentro il ciclo principale void draw(){}, si 
andra ad agire sui Metodi di Led. 
Per la Classe Led abbiamo definito due 
Metodi: .displayO e .update(). II primo fa 
letteralmente apparire il LED (cio signi- 
fica che se non viene richiamato questo 
metodo, il diodo luminoso non compare 
neirinterfaccia) anche se e stato definito 
ed istanziato, mentre il secondo consente 



di aggiornare dinamicamente lo stato del 
LED, facendolo passare da acceso a spento 
e viceversa. 

II codice del programma corrispondente 
e riportato di seguito nel Listato 1 ed e 
anche visibile in Fig. 4. 
A questo punto abbiamo visto come si 
opera con le Classi e con gli Oggetti; rima- 
ne da capire come questi si programmano, 
ed e quanto faremo ora. Scrivere il codice 
per definire una Classe non e per nulla 
differente dallo scrivere codice per un 
programma o per una funzione; cambiano 
solo alcuni dettagli. 

Prima di tutto la Classe (che ad esempio 



Listato 



Led Idl, ld2, ld3; //di chi a razi one degl i oggetti Idl, ld2, ld3 appartenenti alia Classe Led 

void setup(){ ll\ ni zi al i zzazi one 
background(200) ; //sfondo 

si ze(200 ,400) ; //dimensione dell 'area grafica del programma 
fill(O); 



Idl = new LeddO, 10, "Led 1"); 
ld2 = new LeddO, 120, "Led 2"); 
ld3 = new LeddO, 230, "Alarm") ; 



} 



//istanza dell 'oggetto Idl e sua costruzione 
//istanza dell 'oggetto ld2 e sua costruzione 
//istanza dell 'oggetto ld3 e sua costruzione 



//richiamo del metodo .displayO dell 'oggetto Idl, 
//identica cosa per ld2 



voi d draw( ) { 
Idl. displayO; 
ld2. displayO; 
1 d3 . di spl ay ( ) ; //identica cosa per ld3 
1 dl . update( true) ; //richiamo del metodo 
//mettendolo a "false' 
1 d2 . update(fal se) ; / / 1 d 2 viene spento 
1 d3 . update( true) ; // 1 d3 viene acceso 



in pratica Idl viene visual izzato 



.updateO per Idl, mettendolo a 
si spegne 



'true" si accende il led Idl, 
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Led ldl, ld2, id 3; 



Ld setup () | 
background (200) ) 

( 0 J : 



f : 



ldl = a ■■ ■ |Led (10, 10, 
ld2 - jk-w Led (10, 120, 3 " J j 

ld3 - n«w Ltd (10, 220, *Al»nO; 



l 



void draw () 1 
ldl. display (}; 
ld2. display {) ; 
ld3. displays j 
ldl. update [ttut); 
ld2. update ( t'uleti) t 
ld3. update, (t. tue) ; 

) 



Led {u l.t. tanpX, 
x = tampX; . 



Plstage imgLdOnj / ,'de f imzi cne dell ' lBiraagine del pulsante on, nel programma sard richiamata ledlOn 
Plnage ingLdOffj / / dof lr.isi ne dell ' immagine del pulsante on, nel programma sari richiamat a ledlOff 
int KJ 
int y; 

boolean active ■ faiae; 
String LidLabla; 

Costruttore deiroggetto Id1 
X-10,Y=10, label = Led 1 



mpY; 



tempY, 

_l 



labia) 4 



Led Labis ■ lable; 



iagldOn ■ londlmsge (*l*dlOn, png"J } 
imgLdOff - loadlnag* ("ledlOff , png ") ; 



taxtsi?* (20) ; 

tOXt Align {LEFT) ; 



v : i -:i update ( bo ol a a n 2 ) j 
active = 2j 

I 



void display O I 

t « xt (LedLabLa, x+100, y+100> 
if (active) 1 

(imcLdGn, x,y)s 

lasg-:- (imgLdOff, x,y); 



Metodo update(true/fa(se) 
Metodo display 



pud essere Led) e definita airinterno di 
due parentesi graffe: 

class Led{} 

Questo significa che tutto quanto serve 
alia Classe Led per funzionare e contenuto 
airinterno di tali parentesi. 
Ci saranno delle variabili locali e inoltre 
verranno definiti il costruttore dell'inter- 
faccia e i metodi. Nel Listato 2 e riportato 
il codice commentato per la Classe Led e 
lo stesso e visibile nella Fig. 5, che mostra 
come questo codice interagisce con il pro- 
gramma principale. 

Un aspetto importante su cui porre l'at- 
tenzione e che la classe, per funzionare, 
potrebbe necessitare di sue variabili 
interne; tali variabili sono definite come 
in qualsiasi altro programma di Proces- 
sing e soprattutto sono delle variabili 
locali. Quando viene istanziato un nuovo 
oggetto, abbiamo visto come questo debba 
essere definito nei suoi Campi; questi ulti- 
mi saranno poi passati alle variabili locali 
della Classe, cosi come mostrato dalla Fig. 



5, attraverso quello che viene definito il 
Costruttore Ae\Y Oggetto. Per la Classe in 
questione, quest'ultimo assume la seguen- 
te forma: 

Led(int tempX, int tempY, String lable) {} 

II Costruttore e in definitiva il ponte che 
consente di trasferire i Campi, definiti 
quando V Oggetto viene istanziato, alle va- 
riabili locali che servono poi al program- 
ma per costruire V Oggetto. 
Riassumendo, i Campi vengono defini- 
ti nel programma principale quando si 
istanzia il nuovo Oggetto; nella Classe, i 
Campi sono trasferiti alle variabili locali 
attraverso il Costruttore dell' Oggetto. 
La Fig. 5 rappresenta anche, in maniera 
schematica, i due Metodi, i quali airin- 
terno della Classe sono sostanzialmente 
delle funzioni; ad esempio: 

void displayO {} 

Quindi il Metodo, in realta, e una funzio- 
ne, che pero viene richiamata AdAY Oggetto 
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class Led{ 

PImage imgLdOn; //def i ni zi one del 1 ' i mmagi ne del pulsante on, nel programma sara richiamata ledlOn 
PImage imgLdOff; //def i ni zi one del 1 ' i mmagi ne del pulsante on, nel programma sara richiamata ledlOff 
//di chi a razi oni del 1 e variabili funzionali al 1 ' esecuzi one del 1 a classe 
i n t x ; 
int y; 

bool ean acti ve = f al se ; 
String LedLable; 

//costruttore 

Led (int tempX, int tempY, String lableM //la Classe Led necessita di tre campi che devono essere definiti 

// quando si istanzia un nuovo oggetto 

//la posizione X, Y ed una stringa che definisce 1'etichetta 
x = tempX; //il campo tempX viene passato alia variabile globale del 1 a Classe X 
y = tempY; //il campo tempY viene passato alia variabile globale del 1 a Classe Y 

LedLable = lable; //il campo lable viene passato alia variabile globale del 1 a Classe LedLable 

imgLdOn = 1 oadImage( "1 edlOn . png" ) ; //vengono caricate le immagini .png rappresentati ve del led acceso e 
spento 

imgLdOff = 1 oadImage( "1 edlOf f . png" ) ; 

textSi ze( 20 ) ; //viene definita dimensione del carattere 

textAl i gn ( LEFT) ; //viene definito 1 ' al 1 i neamento del testo, a sinistra 

//questi parametri servono per la rappresentazi one del 1 ' eti chetta 



//MET0D0 updateO 

void update( bool ean z){ //il metodo si aspetta che sia passato un parametro true/false 

active = z; //il valore del parametro e trasferito alia variabile globale "active", del 1 a Classe 

} 

// 

//METODO displayO 

void di spl ay ( ) { 

text(LedLable, x+100 ,y+100 ) ; 

if (activeM // a seconda del valore del 1 a variabile "active" il metodo displayO mostra un'immagine 

diversa del led 

image( imgLdOn , x,y); //immagine del led acceso, se active == true 

} 

el se{ 

image( imgLdOff , x,y); //immagine del led spento, se active == false 

} 

} 

// 



SB 




*<Tt|»* » ".4 PM 
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Fig. 8 




avremo creato i nostri controlli, di concen- 
trarci unicamente sul programma. 

LEZIONE 4_2 - INTERFACCIA GRAFICA 
COMPLESSA 

II secondo codice presentato in questa 
lezione ci serve per prendere dimesti- 
chezza con i controlli di tipo Led, Knob, 
Button ed Indicator, trasformati pero in 
Classi e quindi in Oggetti. Supponiamo 
di voler realizzare l'interfaccia di Fig. 9, 
dove si trovano tre interruttori, tre LED, 
una manopola e un indicatore analogico. 
Stabiliamo a questo punto una funziona- 
lita puramente di esempio: l'interruttore 
denominato "Start" attiva un ipotetico 
sistema che incrementa la sua velocita 
e questa viene indicata dalla lancetta 
dell'indicatore analogico; il livello di 
questa velocita e settato tramite la ma- 
nopola "Level" e quando raggiunge una 
soglia, si deve accendere il LED deno- 
minato "Alarm". Questa funzionalita e 



rappresentata in Fig. 10. Aggiungiamo 
un'ulteriore complessita, cioe facciamo in 
modo che i due interruttori siglati "Circuit 
1" e "Circuit 2" attivino, rispettivamente, 
"Led 1" e "Led 2" (Fig. 11). L'interfac- 
cia qui rappresentata e in definitiva un 
simulatore: non serve a nulla di reale, ma 
ci consente di apprendere una maniera piu 
efficace di programmare questo genere di 
applicazioni. Se vogliamo che la nostra 
interfaccia controlli realmente qualcosa, 
possiamo riprendere le tecniche illustrate 
nella lezione precedente e magari collega- 
re il tutto ad Arduino. II codice contenuto 
nella cartella Lezione_4_2 contiene sia il 
programma principale che simula l'inter- 
faccia, sia tutte le classi usate in questo 
esempio: Led, Button, Indicator e Knob. II 
codice del programma e strutturato come 
nell'esempio precedente, quindi nella fase 
iniziale in cui si dichiarano gli oggetti, 
nella fase di istanza degli oggetti e nel 
vero e proprio ciclo principale del pro- 
gramma. Le figure 12, 13, 14 e 15 riassu- 
mono le Classi utilizzate, ciascuna con i 
Campi e Metodi caratteristici. 
Brevemente, tutti i Campi sono rappresen- 
ti dalle posizioni X, Y e dall'etichetta. 
Tutte le Classi qui usate hanno il me- 
todo .displayO, che ne consente la 
visualizzazione. 

La Classe Led ha il Metodo .updateO, il 
quale, come spiegato, se gli viene passato 
true accende il LED, mentre lo spegne se 
riceve false. 

La Classe Button ha il Metodo .activeO, in- 




m 
m 
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Led 

• 




(X, Y,Etichetta) 


.dispaly {) ; 
.update {boolean) ; 


Classe 


Led 



Button 




(X,Y,Etichetta) 



.dispaly O ; 
.active {) ; 



Classe Button 



Fig. 13 



Fig. 13 



vece, restituisce un booleano (true/false) a 
seconda della posizione dell'interruttore. 
La Classe Knob ha il Metodo .position(), il 
quale restituisce un valore intero compre- 
so tra 0 e 1024, proporzionale alia posi- 
zione della manopola. La Classe Indicator 
ha il Metodo .updateO che si aspetta un 
valore intero compreso tra 0 e 1024; chiara- 
mente il valore 0 corrispondera airinizio 
della scala, mentre 1024 equivarra alia 



Knob 



o 



Indicator 



(X,Y,Etichetta) 



.dispaly O ; 

.position {) ; 




Classe Knob 



Fig. 1H 



(X,Y,Etichetta) 



.display t) ; 
. update (int) ; 



posizione di fondo scala. rag i -i-i - J jjf« g 
II codice del programma di 
interfaccia e contenuto nel Listato 3. 
Non ci dilunghiamo, in questa lezione, 
sul codice specifico delle varie Classi qui 
presentate, in quanto e sostanzialmente 
lo stesso esposto nella terza puntata del 
nostro corso, ma scritto sotto forma di 
Classe. Quindi, a livello sostanziale non 
cambia nulla: e solo differente la forma- 



Fig. 15 



1 Listato 3 



//definizione degli OGGETTI 

Button btl, bt2, bt3; //definizione degli oggetti della classe Button 

Indicator indl; //definizione degli oggetti della classe Indicator 

Knob knbl; //definizione degli oggetti della classe Knob 

Led Idl, ld2, ld3; //definizione degli oggetti della classe Led 

// 



//dichiarazione VARIABILI 

PImage griglia; //def i ni zoi one della variabile griglia di tipo PImage 
int i=0; //definizione della variabile i che servira come contatore 
// 

void setup(){ 

background(200) ; //colore di sfondo 

si ze( 600 , 600 ) ; //di mensi one dell 'area di disegno 



btl = new Button(0,20 
bt2 = new Button ( 200 , 20 
bt3 = new Button (400 , 20 
indl = new lndicator(0 
knbl = new Knob(400,200 
Idl = new Led(400, 300, 
ld2 = new Led(400, 400, 
ld3 = new Led(400, 500, 



Start"); //istanza del 1 ' oggetto btl e sua costruzione 
"Circuit 1"); //istanza dell 'oggetto btl e sua costruzione 
"Circuit 2"); //istanza dell 'oggetto bt2 e sua costruzione 

200 , "Speed" ) ; //istanza dell 'oggetto bt3 e sua costruzione 
"Level"); //istanza dell 'oggetto knbl e sua costruzione 



"Led 1") 
"Led 2") 
"Al arm" ) 



I l\ stanza 
I l\ stanza 
/ l\ stanza 



dell 
dell 
dell 



oggetto 
oggetto 
oggetto 



Idl 
ld2 
ld3 



sua 
sua 
sua 



costruzi one 
costruzi one 
costruzi one 



griglia = 1 oadImage( "gri gl i a_600_600 . png" ) ; 
namento degli elementi del 1 ' i nterf acci a 



} 



//si carica 1'immagine di una griglia per facilitare il posizio- 



voi d draw( ) { 

image(grigl ia ,0,0) ; //rappresentazi one del 1 ' i mmagi ne griglia 



btl . di spl ay ( ) ; 
bt2.display(); 
bt3 . di spl ay ( ) ; 
i ndl . di spl ay ( ) 
knbl . di spl ay ( ) 
Idl.displayO; 
ld2.display(); 



//rappresentazi one di btl 
//rappresentazi one di bt2 
//rappresentazi one di bt3 
//rappresentazi one di indl 
//rappresentazi one di knbl 
//rappresentazi one di Idl 
//rappresentazi one di ld2 



(Continua) 
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1 d3 . di spl ay ( ) ; //rappresentazi one di ld3 



//f unzi onamento dell 'interfaccia 
//se il btl "Start" e attivo 

//I ' i ndi catore crescera fino a raggiungere il valore impostato da 1 1 a manopola knbl "Level" 
//se riduciamo il valore del 1 a manopola, il valore rappresentato dal 1 ' i ndi catore si ridurra 

i f ( btl . acti ve( ) ) { //se il 1 ' i nterruttore btl "Start" e in posizione attiva 

pri ntl n ( knbl . posi ti on ( ) ) ; //sul terminale viene rappresentato il valore trasmesso da 1 1 a posizione del 1 a 
manopola knbl 

i f ( i<knbl . posi ti on ( ) ) { //se la posizione del 1 a manopola e superiore alia posizione del 1 ' i ndi catore 
i +=1; //incremento la variabile i 

i ndi . update( i ) ; // aggiorno la posizione del 1 ' i ndi catore ad i 

} 

i f ( i>knbl . posi ti on ( ) ) { //se la posizione del 1 a manopola e inferiore a quel 1 a del 1 ' i ndi catore 
i -=1; //decremento i 

i ndi . update( i ) ; //aggiorno la posizione del 1 ' i ndi catore ad i 

} 

if(i>900){ //se la variabile i oltrepassa 900 

1 d3 . update( true) ; //aggiorno lo stato del led3 "Alarm" ad acceso 
}else{ 

ld3.update(fal se) ; //altrimenti lo stato di led3 e spento 

} 



i f ( btZ . acti ve( ) ) { //se 1 ' i nterruttore bt2 e acceso 

1 dl . update( true) ; //aggiorno lo stato di Idl a "true", accendo il led 

} 

el se{ 

Idl .update(fal se) ; //altrimenti lo stato del led e spento 

} 



i f ( bt3 . acti ve( ) ) { //se 1 ' i nterruttore bt3 e acceso 

1 d2 . update( true) ; //aggiorno lo stato di ld2 a "true", accendo il led 

} 

el se{ 

1 d2 . update(fal se) ; //altrimenti lo stato del led e spento 

} 



lizzazione, come spiegato in riferimento 
al codice della Classe Led. Comunque vi 
invitiamo ad analizzare il codice delle varie 
Classi e ad apportare tutte le modifiche che 
ritenete opportune a seconda delle vostre 
necessita. Una piccola nota: la Fig. 16 mostra 
l'interfaccia completa e funzionante, ma 
dobbiamo notare che in essa e presente una 
griglia di sf ondo, richiamata da: 



piu rapida di allinearli. Una volta completata 
l'interfaccia, bastera eliminare (commentare) 
la riga di codice precedente, che richiama la 
griglia, per far sparire questa immagine. 



Praticamente, abbiamo creato un'immagine 
rappresentante un quadrato di 600x600 pixel, 
con una griglia interna spaziata di 20 pixel, 
la quale ci consente di avere un riferimento 
quando piazziamo i controlli e gli indicatori 
suirinterfaccia, permettendoci in maniera 




